<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>el 与 data 的两种写法</title>
    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
</head>
<body>

<div id="root">
    <h1>你好，{{ name }}</h1>
</div>

<script>
    // el 与 data 的第一种写法
    // new Vue({
    //     el: '#root',
    //     data: {
    //         name: '张三'
    //     }
    // })

    // el 与 data 的第二种写法
    const vm = new Vue({
        data() {
            return { name: '张三' }
        }
    })
    setTimeout(() => {
        vm.$mount('#root')
    }, 3000)
</script>

</body>
</html>